import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { NgZorroAntdModule } from 'ng-zorro-antd';

import { AppComponent } from './app.component';
import { AppRoutingModule }  from './app-routing.module';

import { MainComponent  } from './main/main.component';
import { Page404Component  } from './page404/page404.component';
import { MembersComponent  } from './members/members.component';
import { UserComponent  } from './user/user.component';

import { MemberService } from './service/member.service';

import { ExponentialStrengthPipe } from './pipe/exponential-strength.pipe';
import { FetchJsonPipe } from './pipe/fetch-json.pipe';

@NgModule({
  declarations: [
    AppComponent,
    MainComponent,
    Page404Component,
    MembersComponent,
    UserComponent,
    ExponentialStrengthPipe,
    FetchJsonPipe
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    BrowserAnimationsModule,
    AppRoutingModule,
    NgZorroAntdModule.forRoot()
  ],
  providers: [MemberService],
  bootstrap: [AppComponent]
})
export class AppModule { }
